<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>后台管理系统首页</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/sb-admin.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js" type="text/javascript"></script>
    <script src="js/response.js" type="text/javascript"></script>
    <![endif]-->

</head>

<body>

<div id="wrapper">

    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">后台管理系统</a>
        </div>
        <!-- Top Menu Items -->
        <ul class="nav navbar-right top-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> John Smith <b
                        class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li>
                        <a href="#"><i class="fa fa-fw fa-user"></i> Profile</a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-fw fa-envelope"></i> Inbox</a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-fw fa-gear"></i> Settings</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
                    </li>
                </ul>
            </li>
        </ul>
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav side-nav">
                <li>
                    <a href="javascript:;" data-toggle="collapse" data-target="#demo"><i
                            class="fa fa-fw fa-arrows-v"></i> 系统管理 <i class="fa fa-fw fa-caret-down"></i></a>
                    <ul id="demo" class="collapse">
                        <li>
                            <a href="index.html">账号管理</a>
                        </li>
                        <li>
                            <a href="password-manage.html">密码管理</a>
                        </li>
                        <li>
                            <a href="register-bg.html">注册管理</a>
                        </li>
                    </ul>
                </li>
                <li class="active">
                    <a href="javascript:;" data-toggle="collapse" data-target="#demo1"><i
                            class="fa fa-fw fa-dashboard"></i> 理财产品 <i class="fa fa-fw fa-caret-down"></i></a>
                    <ul id="demo1" class="collapse in">
                        <li>
                            <a href="product-list.html">产品列表</a>
                        </li>
                        <li>
                            <a href="product-edit.html">产品编辑</a>
                        </li>
                    </ul>
                </li>
                <!--<li >-->
                <!--<a href="index.html"><i class="fa fa-fw fa-dashboard"></i> 理财产品</a>-->
                <!--</li>-->
                <li>
                    <a href="service-list.html"><i class="fa fa-fw fa-bar-chart-o"></i> 客服人员</a>
                </li>
                <li>
                    <a href="investment.html"><i class="fa fa-fw fa-table"></i> 用户投资</a>
                </li>
                <li >
                    <a href="buy-back.html"><i class="fa fa-fw fa-edit"></i> 回购列表</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </nav>

    <div id="page-wrapper">

        <div class="container-fluid">

            <!-- Page Heading -->
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">
                        理财产品
                        <small>Money Manage</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li class="active">
                            <i class="fa fa-dashboard"></i> Dashboard
                        </li>
                    </ol>
                </div>
            </div>
            <!-- /.row -->

            <div class="row">
                <div class="col-lg-4">
                    <h2>产品编辑</h2>
                    <div>
                        <h3>基本信息</h3>
                        <form role="form">
                            <div class="form-group has-success">
                                <label class="control-label" for="oldPassword">理财产品名称*:</label>
                                <input type="text" class="form-control" id="oldPassword">
                            </div>

                            <div class="form-group has-warning">
                                <label class="control-label" for="newPassword">理财周期*:</label>
                                <input type="text" class="form-control" id="newPassword">
                            </div>

                            <div class="form-group has-error">
                                <label class="control-label" for="inNewPassword">起投金额(万元)*:</label>
                                <input type="text" class="form-control" id="inNewPassword">
                            </div>
                            <div class="form-group has-error">
                                <label class="control-label" for="inNewPassword">收益率*:</label>
                                <input type="text" class="form-control" id="inNewPassword">
                            </div>
                            <div class="form-group has-error">
                                <label class="control-label" for="inNewPassword">计息方式*:</label>
                                <input type="text" class="form-control" id="inNewPassword">
                            </div>
                        </form>
                    </div>
                    <div>
                        <h3>收益及保障</h3>
                        <form role="form">
                            <div class="form-group has-success">
                                <label class="control-label" for="oldPassword">安全保障*:</label>
                                <input type="text" class="form-control" id="oldPassword">
                            </div>

                            <div class="form-group has-warning">
                                <label class="control-label" for="newPassword">收益方式*:</label>
                                <input type="text" class="form-control" id="newPassword">
                            </div>

                        </form>
                    </div>
                    <div>
                        <h3>计息周期</h3>
                        <form role="form">
                            <div class="form-group has-success">
                                <label class="control-label" for="oldPassword">计息开始日期*:</label>
                                <input type="text" class="form-control" id="oldPassword">
                            </div>

                            <div class="form-group has-warning">
                                <label class="control-label" for="newPassword">计息结束日期*:</label>
                                <input type="text" class="form-control" id="newPassword">
                            </div>

                        </form>
                    </div>
                    <div>
                        <h3 style="position: relative">
                            收益分档
                            <button data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo"  type="button" class="btn btn-sm btn-primary" style="margin-bottom: 200px;padding: 5px 20px;position: absolute;right: 0; top: 0">新增</button>
                        </h3>
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover">
                                <thead>
                                <tr>
                                    <th>理财金额(万元)</th>
                                    <th>预期收益</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>瑞得宝</td>
                                    <td>
                                        <a href="" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">编辑</a>
                                        <a href="">删除</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>1</td>
                                    <td>瑞得宝</td>
                                    <td>
                                        <a href="" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">编辑</a>
                                        <a href="">删除</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>1</td>
                                    <td>瑞得宝</td>
                                    <td>
                                        <a href="" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">编辑</a>
                                        <a href="">删除</a>
                                    </td>
                                </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div style="color: #3c763d">
                        带*为必填项
                    </div>
                    <button type="button" class="btn btn-sm btn-primary" style="margin-bottom: 200px;margin-top:10px;padding: 5px 20px">保存</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">分档编辑</h4>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">
                        <label for="recipient-name" class="control-label">理财金额:</label>
                        <input type="text" class="form-control" id="recipient-name">
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="control-label">预期收益:</label>
                        <input type="text" class="form-control" id="message-text">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">保存</button>
            </div>
        </div>
    </div>
</div>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
